<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <title>APF Project</title>
        <link type="text/css" rel="stylesheet" href="theme.css" />
    </h:head>

    <h:body>
        <p:divider>
            <h:form>

                <p:menubar autoSubmenuDisplay="true" widgetVar="mnuPrincipal">  
                    <p:submenu label="Menu Principal" icon="ui-icon ui-icon-document">  
                        <p:submenu label="Documentos">
                            <p:menuitem value="Documento de Configuração"  url="docConfigManutencao.jsf" />
                        </p:submenu>  
                    </p:submenu>  

                    <p:submenu label="Ajuda" icon="ui-icon ui-icon-help">  
                        <p:menuitem value="Contents" url="#" />  
                        <p:submenu label="Search" icon="ui-icon ui-icon-search">  
                            <p:submenu label="Text">  
                                <p:menuitem value="Workspace" url="#" />  
                            </p:submenu>  
                            <p:menuitem value="File" url="#" />  
                        </p:submenu>  
                    </p:submenu>
                    <p:menuitem value="About" icon="ui-icon ui-icon-close"/>  
                </p:menubar>  
            </h:form> 
        </p:divider>
        <div>
            <h:form>  
                <p:wizard widgetVar="wiz"
                    flowListener="#{userWizard.onFlowProcess}">  
                <p:tab id="informacoesBasicas" title="Informações Gerais">  
                    <p:panel header="Líder - Desenvolvedor - Ocorrência">  
                        <h:messages errorClass="error"/>  
                        <h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">  
                            <h:outputText value="Líder: *" />  
                            <p:inputText required="true" label="Líder"  
                                value="#{userWizard.user.firstname}" />  

                            <h:outputText value="Desenvolvedor: *" />  
                            <p:inputText required="true" label="Desenvolvedor"  
                                value="#{userWizard.user.lastname}" />  

                            <h:outputText value="Ocorrência: *" />  
                            <p:inputText value="#{userWizard.user.age}" />  
                        </h:panelGrid>  
                    </p:panel>  
                </p:tab>  
                <p:tab id="address" title="Dados do Sistema">  
                    <p:panel header="Dados do Sistema">  
                          <h:messages errorClass="error"/>  
                          <h:panelGrid columns="2" columnClasses="label, value">  
                              <h:outputText value="Street: " />  
                              <p:inputText value="#{userWizard.user.street}" />  

                              <h:outputText value="Postal Code: " />  
                              <p:inputText value="#{userWizard.user.postalCode}" />  

                              <h:outputText value="City: " />  
                              <p:inputText value="#{userWizard.user.city}" />  

                              <h:outputText value="Skip to last: " />  
                              <h:selectBooleanCheckbox value="#{userWizard.skip}" />  
                          </h:panelGrid>  
                    </p:panel>  
                </p:tab>  
              
                <p:tab id="contact" title="Descrição da Alteração">  
                    <p:panel header="Descrição da Alteração">  

                        <h:messages errorClass="error"/>  

                        <h:panelGrid columns="2" columnClasses="label, value">  
                            <h:outputText value="Email: *" />  
                            <p:inputText required="true" label="Email"  
                                    value="#{userWizard.user.email}" />  

                            <h:outputText value="Phone: " />  
                            <p:inputText value="#{userWizard.user.phone}"/>  

                            <h:outputText value="Additional Info: " />  
                            <p:inputText value="#{userWizard.user.info}"/>  
                        </h:panelGrid>  
                    </p:panel>  
                </p:tab>    
            </p:wizard>  
      
            <p:ajaxStatus>  
                <f:facet name="start">  
                    <h:graphicImage value="../design/ajaxloading.gif" />  
                </f:facet>  

                <f:facet name="complete">  
                    <h:outputText value="" />  
                </f:facet>  
            </p:ajaxStatus>  
                
        </h:form> 
      </div>
   </h:body>
</html>
